﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Samples/Sample.Master" AutoEventWireup="true"
    CodeBehind="Animations.aspx.cs" Inherits="JQueryControlToolkit.Sample.Web.Samples.Animations" %>

<asp:Content ID="Content2" ContentPlaceHolderID="body" runat="server">
    <div id="div1" style="background-color: red">
        &nbsp;</div>
    <div id="div2" style="background-color: green">
        &nbsp;</div>
    <jQuery:Animation runat="server" TargetControlSelector="#div1" Style="background-color: Blue"
        WaitForPageReady="true">
        <Chaining>
            <jQuery:Animation runat="server" TargetControlSelector="#div2" Style="background-color: Blue">
                <Chaining>
                    <jQuery:Animation runat="server" TargetControlSelector="#div2" Style="background-color: Green;" />
                    <jQuery:Animation runat="server" TargetControlSelector="#div1" Duration="1500" Style="background-color: Red">
                        <Chaining>
                            <jQuery:FadeOut runat="server" TargetControlSelector="#div2" Speed="1000" />
                        </Chaining>
                    </jQuery:Animation>
                </Chaining>
            </jQuery:Animation>
        </Chaining>
    </jQuery:Animation>
</asp:Content>
